<!DOCTYPE HTML>
<html lang="zh" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Getting Started: Serving Web Content</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <style type="text/css">
        #demo {
            margin: auto;
            position: relative;
        }

        .box {
            float: left;
            padding: 10px;
            border: 1px solid #ccc;
            background: #f7f7f7;
            box-shadow: 0 0 8px #ccc;
        }

        .box:hover {
            box-shadow: 0 0 10px #999;
        }

        .box img {
            width: 200px;
        }

    </style>
    <script src="js/jquery-1.7.2.min.js"></script>
    <script src="js/jquery.waterfall.js"></script>
    <script src="js/index.js"></script>
</head>
<body>
<div id="demo">
    <div class="box"><img src="img/01.jpg" alt=""/></div>
    <div class="box"><img src="img/02.jpg" alt=""/></div>
    <div class="box"><img src="img/03.jpg" alt=""/></div>
    <div class="box"><img src="img/01.jpg" alt=""/></div>
    <div class="box"><img src="img/02.jpg" alt=""/></div>
    <div class="box"><img src="img/03.jpg" alt=""/></div>
</div>
</body>
</html>
